﻿@{
    ViewBag.Title = "MKAdmin管理系统";
    Layout = "/Views/Shared/_Layout.cshtml";
}
@using MKAdmin.Web.App_Start
@using MKAdmin.DTO.Web.Common

@model UserInfoModel

@section Styles {
    @Styles.Render(PageCssFilesConfig.Style)
    @Styles.Render(PageCssFilesConfig.ChartStyle)
    @Styles.Render(PageCssFilesConfig.MassStyle)
}

<audio id="NewMessageRemind" src="/Audio/newmessage.aac" style="display:none"></audio>
<div class="" style="margin-left:10px;">
    <div class="container-fluid zf-container clearfix">
        <div class="zf-main-left" style="width: 1065px;height:500px;">
            <div class="zf-main clearfix">
                <!-- ///最左边菜单 -->
                <!-- 左边菜单start -->
                <div class="zf-aside" id="zf-aside">
                    <div>
                        <div class="bs-example bs-example-tabs " data-example-id="togglable-tabs">
                            <div id="myTabContent" class="tab-content zf-aside-container" style="margin-top: 0px;">
                                <div role="tabpanel" class="tab-pane fade active in" id="home" aria-labelledby="home-tab">
                                    <div id="allGroundHome">
                                        <div class="zf-nav-aside-tree" id="zf-menu-group"
                                             style="height: 500px;">
                                            <div id="GroupChatMenuTree" style="overflow-x: visible;">
                                                <div class="groupChatElement">
                                                    <ul class="zf-groud-List zf-group-chat-list"></ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 左边菜单end -->
                <!-- 右边聊天start -->
                <div class="zf-chat" id="zf-chat" style="height: 500px; width: 800px;">
                    <div class="zf-chat-header clearfix">
                        <div>
                            <p class="pull-left" id="GroupChatIndex_GroupName"></p>
                            <span class="pull-right" id="souXiao" style="display: none;"></span>
                            <b class="zf-chat-stick" style="display: none">取消置顶</b>

                            <i class="zf-chat-clustersend zf-chat-cluster" style="display: none" id="ClusterSendRecordCount"></i>
                        </div>
                    </div>
                    <div class="">
                        <div>
                            <div class="charNav charNavAllGroup  clearfix">
                                <div class="pcDetail pcDetailAllGroup cleafix" id="pcChatPanelMain" style="height: 307px; overflow-y: scroll; overflow-x: hidden;">
                                    <div class="charListHeight">
                                        @*<h5 class="zf-chart-Load">
                                                <img src="/images/loading.gif">
                                            </h5>*@
                                        <div class="GroupChatIndex_MsgPanel"></div>
                                        <div class="GroupChatIndex_InfoShow"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 聊天输入框start -->
                        <div class="zf-chart-face">
                            <h5 class="pcBookRecorde clearfix">
                                @*<span class="face-advertis advertis-up pull-left">
                                        <img src="/images/smile.png" alt="">
                                    </span>
                                    <b id="ChatMsgSendImg" class="fileinput-button zf-chart-sendImg" title="图片">
                                        <img src="/images/sendImg.png" alt="">
                                        <input id="ChatMsgSendImg_Control" name="uploadFileData" type="file" accept="image/jpg,image/jpeg,image/bmp,image/png,image/gif">
                                    </b>*@
                                @*enterXaoixin*@
                                <div class="chart_enter_send">
                                    <span id="chat_auto_reply_span" style="display:none">
                                        <input type="checkbox" name="name" id="chat_auto_reply" value="1" />
                                        <label for="chat_auto_reply" class="">自动回复</label>
                                    </span>

                                    <i class="activeSend">发送</i>
                                </div>

                                <div id="biaoContent2" class="zf-chart-biao"></div>
                            </h5>

                            <textarea class="textAdvertise" id="noticeAdvertis" maxlength="1800" placeholder="请输入..."></textarea>
                        </div>
                        <!-- 聊天输入框end -->
                    </div>
                </div>
                <!-- 右边聊天end -->

                <div id="contextMenu" class="contextMenu">
                    <p class="delete">删除聊天</p>
                </div>

            </div>
        </div>
    </div>
</div>

@section Scripts {
    @Scripts.Render(PageJsFilesConfig.CommunicateChatIndex)
    @Scripts.Render(PageJsFilesConfig.SignalR)
    @Scripts.Render(PageJsFilesConfig.Hubs)
    @Scripts.Render(PageJsFilesConfig.JqCookie)
}
